﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="signup.aspx.cs" Inherits="Face.Web.login_and_signup.signup" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Post 90s Museum - Remember your memory.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="/css/_dynamic5.css"
        rel="stylesheet" media="screen" />
    <link href="/css/_dynamic6.css"
        rel="stylesheet" media="screen" />
    <!--[if lte IE 7]>
        <link href="//app.gathercontent.com/assets/css/ie7/_dynamic.php?v=1363012149" rel="stylesheet" media="screen" />
        <![endif]-->
    <link rel="shortcut icon" href="/img/gathercontent-fav-16px-2.png">
    <script src="/js/239294537.js"></script>
</head>
<body>
<!--[if lte IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> and <strong>insecure</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true" target="_blank">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
   
    <div class="notification-bar ajax-notification-bar">
        <button class="close">
            &times;</button></div>
            <div class="wrapper ajax-wrapper">
        <div class="client-banner cf">
            <div class="container">
                <div class="row">
                    <div class="inner-wrapper cf span12">
                        <div class="left">
                            <a href="/index.aspx">
                                <div class="gather-logo">
                                    <div>
                                        <img src="/img/logo.png">
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="right micro-text">
                            Your new account, step 1 of 1
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="signup-wrapper cf">
            <div class="form-wrapper left">
                <div class="well-white bottom20px">
                    <div class="padding20px form">
                        <form id="form2" runat="server">
                        <div class="cf small-inputs">
                            <asp:Label ID="username" runat="server" Text="用户名"></asp:Label>
                            &nbsp;<input id="Iusername" type="text" name="username" value="" runat="server" />
                        </div>
                        <label>
                            邮箱</label><input id="Iemail" type="text" name="email" value="" class="ajax-email" runat="server" />
                        <label>
                            密码</label><input id="Ipassword" type="password" name="password" value="" runat="server" />
                        <p></p>
                        <label>
                            验证码</label>
                           <asp:TextBox ID="txtCheckCode" runat="server" Width="91px"></asp:TextBox>
                           <img src="CheckImage.aspx" alt="校验码" style="margin-left:20px"/>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtCheckCode"
                        ErrorMessage="校验码必填"></asp:RequiredFieldValidator>
                        <label>
                            性别</label>
                            <p style="margin-top:6px"></p>
                        <label class="radio inline">
                            <input type="radio" name="optionsRadios" runat="server" id="optionsRadios1" value="male" checked />男
                        </label>
                        <label class="radio inline">
                            <input type="radio" name="optionsRadios" runat="server" id="optionsRadios2" value="female" />女
                        </label>
                        <p style="margin-top:30px"></p>
                        <label>
                            安全问题</label>   
                            <p style="margin-top:20px"></p>
                        <label>
                            <select id="selection" runat="server" >
                                <option>你的小学名字是什么？</option>
                                <option>你母亲的生日是什么时候？</option>
                                <option>你高中班主任叫什么名字？</option>
                                <option>你手机号后4位是多少？</option>
                            </select>
                        </label>
                        <div class="cf small-inputs">
                        <p style="margin-top:20px"></p>
                            <label>
                                安全答案</label><input id="question_answer" type="text" name="safe_answer" value="" runat="server" />
                        </div>
                        <div class="urlkey-wrapper">
                            <div class="cf">
                                <div class="right">
                                    <asp:Button ID="registerButton" class="btn btn-success btn-large" runat="server" 
                                        Text="注册" Height="35px" onclick="registerButton_Click" />
                                </div>
                            </div>
                        </div>
                        </form>
                        <span class="by-clicking">By clicking "Get Started" you agree to <a href="https://gathercontent.com/terms-of-use">
                            Terms of Use</a> and <a href="https://gathercontent.com/privacy-policy">Privacy Policy</a>.</span>
                    </div>
                </div>
            </div>
            <div class="perks right">
                
                <p class="included">
                    注册后您将:</p>
                <ul class="perks-list">
                    <li>尽情浏览博物馆中内容</li>
                    <li>上传视频</li>
                    <li>评论别人的视频并与网友进行交流</li>
                    <li>上传真实头像获得名字显示特权，抓住别人眼球</li>
                </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        protocol = "https:";
    </script>
    <script type="text/javascript" src="//app.gathercontent.com/assets/js/global/_dynamic.php?v=1367937525"></script>
    <script type="text/javascript" src="//app.gathercontent.com/assets/js/signup/_dynamic.php?v=1361981785"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#Iusername').blur(function () {
                var user = $('#Iusername').val();
                $.get("checkUsername.aspx?username=" + user, function (result) {
                    if (result == "True") {
                        alert("用户名已存在，请换一个");
                        $('#Iusername').val("")
                    }
                });
            });
        });
    </script>

    <script type="text/javascript" charset="utf-8">
        BAROMETER.load('qA9kpd28xGaPtGDEnmMFx');
    </script>
</body>
</html>
